<template>
	<view class="audit-box">
		<view class="head-box">
			<text class="text">我的审批</text>
		</view>
		<view class="menu-box">
			<view class="munu-item" @click="navTo('./customerList')">
				<image class="img" src="../../../static/icon/audit2.png" mode="aspectFill"></image>
				<text class="text">客户审批</text>
			</view>
			<view class="munu-item" @click="navTo('./contractList')">
				<image class="img" src="../../../static/icon/audit1.png" mode="aspectFill"></image>
				<text class="text">合同审批</text>
			</view>
			<view class="munu-item" @click="navTo('./receivablesList')">
				<image class="img" src="../../../static/icon/audit1.png" mode="aspectFill"></image>
				<text class="text">回款审批</text>
			</view>
		</view>

		 
	</view>
</template>

<script>
 
 export default {
 	data() {
 		return {
 
 		}
 	},
	onLoad() {
		 // 修改顶部导航背景色
		 uni.setNavigationBarColor({
		 	frontColor: '#ffffff',
		 	backgroundColor: '#39b54a',
		 	animation: {
		 		duration: 400,
		 		timingFunc: 'easeIn'
		 	}
		 })
	},
 	methods: {
		 navTo(url){
		 	uni.navigateTo({
		 		url: url
		 	})
		 } 
 	}
 }
 
 
</script>


<style scoped lang="scss">
	.audit-box{
		background: #fff;
		.head-box{
			padding: 20upx 30upx;
			display: flex;
			align-items: center;
			border-bottom: 1px solid #F7F7F7;
			
			.text{
				font-weight: bold;
				font-size: 28upx;
				color: #000;
			}
		}
		.menu-box{
			display: flex;
			flex-wrap: wrap;
			.munu-item{
				width: 25%;
				height: 200upx;
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				.img{
					width: 80upx;
					height: 80upx;
					margin-bottom: 20upx;
				}
				.text{
					font-size: 28upx;
					color: #000;
				}
			}
		}
	}

</style>
